<!--
 * @Author: panda-hbd 10254515+panda-hbd@user.noreply.gitee.com
 * @Date: 2022-11-13 11:50:20
 * @LastEditors: panda-hbd 1511539537@qq.com
 * @LastEditTime: 2022-11-17 09:45:16
 * @FilePath: \text-online-system\src\views\PersonalCenter.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div style="width:100%;">
        <!-- 头部模块 -->
        <el-header id="header">
            <CommonHeader>
                <h3>个人中心</h3>
            </CommonHeader>
        </el-header>
        <!-- 主体内容 -->
        <el-main>
            <!-- <h1>个人中心模块主体内容</h1> -->
            
              <PersonalList></PersonalList>
            
        </el-main>
    </div>

</template>

<script>
import CommonHeader from '../components/CommonHeader.vue';
import PersonalList from '../views/PersonalList.vue';
export default {
    name: 'PersonalCenter',
    components: {
        CommonHeader,
        PersonalList,
    },
    data() {
        return {

        };
    },

    mounted() {

    },

    methods: {
        
    },
};
</script>

<style scoped>
#header{
    /* background-color: var(--blueColor); */
    background-color: #fff;
    color:var(--balckColor) ;
}
h3{
    line-height: 3.75rem;
}

.el-main{
    position: fixed;
}



</style>